<template>
  <view class="startPage">
    <view class="logo-containter">
      <image class="logo" src="../../static/logo.png" mode=""></image>
    </view>
    <view class="group">
      <view class="group-item" @click="toKefuPage">
        <image class="kefu" src="../../static/kefu1.png" mode=""></image>
        <view class="info">
          <view class="title">我是客服</view>
          <view class="desc">客服选择</view>
        </view>
        <image class="arrow" src="../../static/arrow.png" mode=""></image>
      </view>
      <view class="group-item" @click="toKefuPage">
        <image class="kefu" src="../../static/lvshi1.png" mode=""></image>
        <view class="info">
          <view class="title">我是律师</view>
          <view class="desc">律师选择</view>
        </view>
        <image class="arrow" src="../../static/arrow.png" mode=""></image>
      </view>
      <view class="group-item" @click="toUserPage">
        <image class="kefu" src="../../static/yonghu1.png" mode=""></image>
        <view class="info">
          <view class="title">我是用户</view>
          <view class="desc">用户选择</view>
        </view>
        <image class="arrow" src="../../static/arrow.png" mode=""></image>
      </view>
    </view>

  </view>
</template>

<script>
  export default{
    data(){
      return{
     
      }
    },
    methods: {
      toKefuPage(){
        uni.navigateTo({
        	url: '/pages/lawyer-login/lawyer-login'
        })
      },
      toUserPage(){
        uni.navigateTo({
          url: "/pages/user-login/user-login"
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  
  .startPage{
    padding: 0 30rpx;
    box-sizing: border-box;
    width: 100vw;
    height: 100vh;
    background: #fff;
    .logo-containter{
      padding: 120rpx 0;
      box-sizing: border-box;
      display: flex;
      justify-content: center;
      .logo{
        width: 176rpx;
        height: 176rpx;
      }
    }
    .group{
      .group-item{
        display: flex;
        justify-content: space-between;
        padding: 0 20rpx;
        box-sizing: border-box;
        align-items: center;
        background: #DFECFC;
        border-radius: 30rpx;
        margin-bottom: 30rpx;
        .kefu{
          width: 164rpx;
          height: 164rpx;
        }
        .info{
          flex:1;
          .title{
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 32rpx;
            color: #333333;
          }
          .desc{
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;
            font-size: 28rpx;
            color: #999999;
            margin-top: 20rpx;
          }
        }
        .arrow{
          width: 44rpx;
          height: 44rpx;
        }
      }
    }
  }
</style>